@charset "utf-8";
@import "main.less";

@media all and (max-width: 1366px){

  body{
    background-color: @bodyColor;
    font-size: 14px;
  }

  .a_removeStyle;

  .main{
    .size(900px,atuo);
    .margin_Auto;
    .margin_top(3rem);
  }

  .leftBody{
    .size(620px,atuo);
    float: left;
    .margin_bottom(64px);
  }

  .rightBody{
    .size(260px,auto);
    float: left;
    margin-left: 20px;
  }

  .userCard{
    .size(590px,120px);
    background-color: white;
    .margin(40px,auto);
    .card();
    padding-bottom: 16px;
  }
  .headPhoto{
    width: 100px;
    height: 120px;
    float: left;
    img {
      display: block;
      .margin_Auto;
      .size(80px, 80px);
    }
  }
  .userInfo_userName{
    font-weight: bold;
    line-height: 40px;
    text-align:left;
    font-size: 22px;
    .margin_All(0,0,0,0);
  }
  .userInfo_title{
    img{
      .size(20px,20px);
    }
    .margin_All(0,0,12px,0);
  }
  .userInfo_intro{
    img{
      .size(20px,20px);
      float: left;
      display: block;
    }
    div{
      width: 400px;
      float: left;
      .margin_All(0,0,0,16px);
      color: #66737c;
    }
  }



  .userResources{
    .size(600px,atuo);
    background-color: white;
    .margin_Auto;
  }
  .tabList{
    .padding(0,8px);
    width: 600px;
  }
  .tab{
    height: 40px;
    line-height: 40px;
    .padding(0,16px);
    display: block;
    float: left;
    .hover_default(white,@font_blue);
  }
  .action{
    .action_border(@font_blue,3px,@font_blue)
  }
  .tabContentList{
    background-color:white;
    float: left;
    position:relative;
  }
  .tabContent{
    .size(600px,atuo);
    background-color: white;
    display: none;
    .padding_bottom(16px);
    &:nth-child(2){
      display: block;
    }
  }
  /**
  ************
   */
  //用户资源——资源的标题，每个标签页内容对应一个
  .module_title{
    .margin_All(16px,0,16px,24px);
    padding-left: 8px;
    .border_left(#F6A51E,5px);
    line-height: 32px;
    font-size: 20px;
    display: block;
  }
  //文章资源列表项——最外层div
  .module_article{
    .size(560px,88px);
    .margin_Auto;
    padding-top: 12px;
    background-color: white;
    .shadow_all(6px);
    .hover_shadow(6px,#cadbe9,white);
    .radius();
    .margin_bottom(12px);
  }
  //文章资源列表项——文章封面图片
  .article_Pic{
    width: 110px;
    float: left;
    .padding(0,12px);
  }
  //文章资源列表项——文章标题
  .article_title{
    color:#4991b5;
    height: 30px;
    display: block;
    vertical-align: top;
    font-size: 18px;
  }
  .article_label{
    padding-bottom: 10px;
    span{
      font-size: 8px;
      color: @infoColor;
      .border(@infoColor,1px);
      .radius(10px);
      .padding(3px,6px);
      &:last-child{
        .border(white,0px);
        float: right;
      }
    }
  }
  //文章资源列表项——文章浏览量、评论量
  .article_info{
    float: left;
    font-size: 12px;
    height: 16px;
    img{
      float: left;
    }
    span{
      display: block;
      float: left;
      line-height: 16px;
      .margin_right(8px);
      color: #999999;
    }
  }
  //文章资源列表项——删除按钮
  .article_delete{
    float: right;
    img{
      .margin_right(24px);
    }
  }
  //文章资源列表项——分页按钮最外层div
  .article_page_div{
    width: 760px;
    .padding_top(16px);
    .padding_left(16px);
  }
  //文章资源列表项——分页按钮
  .article_page{
    .page_default();
    .action{
      .action_default();
    }
    li{
      .padding(10px,8px);
      .margin(0px,8px);
    }
  }
  /**
  *******************************
   */
  .module_question{
    .module_article;
  }
  .question_Pic{
    .article_Pic;
  }
  .question_title{
    .article_title;
  }
  .question_info{
    .article_info;
  }
  .question_delete{
    .article_delete;
  }
  .question_page_div{
    .article_page_div;
  }
  .question_page{
    .article_page;
  }
  .question_label{
    .article_label;
  }
  /**
  ************
   */
  .module_answer{
    .padding_bottom(8px);
    .module_article;
    height: auto;
  }
  .answer_title{
    .padding_left(16px);
    .article_title;
    height: 32px;
    color:#4991b5;
  }
  .answer_userHead{
    .padding_left(8px);
    .size(36px,36px);
    float: left;
  }
  .answer_content{
    .padding_left(12px);
    .padding_bottom(8px);
    .size(480px,auto);
    float: left;
    color: @contentColor;
  }
  .answer_info{
    height: 16px;
    font-size: 10px;
    float: left;
    color: @infoColor;
    .padding_left(16px);
    img{
      float: left;
    }
    span{
      margin-right: 16px;
      display: block;
      float: left;
      line-height: 16px;
    }
  }
  .answer_delete{
    float: right;
    .margin_right(20px);
    &:hover{
      background-image: url("../img/delete-red.png");
      cursor: pointer;
    }
  }
  /**
  *******
   */
  .module_test{
    .module_article;
  }
  .test_Pic{
    .article_Pic;
  }
  .test_title{
    .article_title;
  }
  .test_result{
    color: #3fcaa2;
    margin-bottom: 16px;
  }
  .test_info{
    .article_info;
  }



  .sign{
    .size(260px,auto);
    background-color: white;
    .margin(40px,auto);
  }
  .sign_month {
    height: 37.1px;
    text-align: center;
    background-color:#5BB4E1;
  }
  .sign_date{
    font-size: 18px;
    color: white;
    line-height: 37.1px;
  }
  .sign_back{
    float: left;
    width: 22px;
    margin-top: 8px;
    .margin_left(1rem);
  }
  .sign_forward {
    float: right;
    width: 22px;
    margin-top: 8px;
    .margin_right(1rem);
  }
  .sign_day{
    width: 100%;
    .sign_s{
      display: inline-block;
      .size(37.1px, 37.1px);
      .margin_Remove();
      .padding_Remove;
      text-align: center;
      line-height: 37.1px;
    }
  }
  .sign_showDay{
    width: 100%;
    height:auto;
    div{
      color: #6c6c6c;
      display: inline-block;
      .size(37.1px, 37.1px);
      .margin_Remove();
      .padding_Remove;
      text-align: center;
      line-height:37.1px;
    }
  }

  .sign_re{
    background-image: url("../img/complete.png");
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
  }




  //关注列表——最外层div
  .attention{
    .size(260px,auto);
    .margin(40px,auto);
    .card(0,0);
  }
  .attentionInfo{
    .padding(4px,16px);
    div{
      float: left;
      text-align: center;
      width: 50%;
      p:nth-child(1){
        font-size: 20px;
        .margin_top(4px);
        .margin_bottom(-4px);
      }
      p:nth-child(2){
        font-size: 18px;
        .margin_top(4px);
        .margin_bottom(8px);
      }
      .border_bottom(@handleColor,1px);
    }
  }
  .attUserList{
    height: 56px;
    position: relative;
    div{
      width: 56px;
      height: 56px;
      float: left;
    }
  }

  .attUserHeadPhoto{
    margin-left: 8px;
    width: 36px;
    .positionCenter(56px,36px);
  }
  .attUserName{
    color: #999999;
    line-height: 56px;
    float: left;
  }
  .attCanel{
    font-size: 8px;
    .btn_default(empty,72px,28px);
    .positionCenter(64px,28px);
    right: 16px;
  }


  .bodyBottom{
    width: 100%;
    background-color: #00aaff;
  }

}